import React, { useState, useEffect } from "react";

function Example4() {
    const [count, setCount] = useState(0);
    //!关键代码------start
    //?useEffect一个函数代替了componentDidMount和componentDidUpdate生命周期函数
    //*useEffect函数是异步的
    useEffect(() => {
        console.log(`useEffect=>You clicked ${count} times`);
    });
    //!关键代码------end
    return (
        <div>
            <p>You clicked {count} times</p>
            <button onClick={() => { setCount(count + 1) }}>click me</button>
        </div>
    )
}

export default Example4;